<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>帐号设置</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="keywords" content="fly,layui,前端社区">
		<meta name="description" content="Fly社区是模块化前端UI框架Layui的官网社区，致力于为web开发提供强劲动力">
		<link rel="stylesheet" href="public/res/layui/css/layui.css">
		<link rel="stylesheet" href="public/res/css/global.css">
	</head>
	<body>
		<div class="header">
			<div class="main">
				<a class="logo" href="/" title="Fly">Fly社区</a>
				<div class="nav">
					<a class="nav-this" href="index.html"> <i class="iconfont icon-wenda"></i>问答 </a>
					<a href="http://www.layui.com/" target="_blank"> <i class="iconfont icon-ui"></i>框架 </a>
				</div>

				<div class="nav-user">
					<!-- 登入后的状态 -->

					<a class="avatar" href="{:url('user/index')}"> <img src="http://tp4.sinaimg.cn/1345566427/180/5730976522/0"> <cite>贤心</cite> <i>VIP2</i> </a>
					<div class="nav">
						<a href="{:url('user/set')}"><i class="iconfont icon-shezhi"></i>设置</a>
						<a href="{:url('user/logout')}"><i class="iconfont icon-tuichu" style="top: 0; font-size: 22px;"></i>退了</a>
					</div>
				</div>
			</div>
		</div>

		<div class="main layui-clear" style="min-height: 600px;">

			<h2 class="page-title">帐号设置</h2>

			<div class="fly-tab user-tab">
				<span id="LAY-mine"> <a href="javascript:;" class="tab-this" hash="info">我的资料</a> <a href="javascript:;" hash="avatar">头像</a> <a href="javascript:;" hash="pass">密码</a> <a href="javascript:;" hash="bind">帐号绑定</a> </span>
			</div>

			<div class="user-mine">
				<div class="layui-form layui-form-pane mine-view" style="display:block;">
					<form method="post">
						<div class="box">
							<label for="L_email" class="input-label">邮箱</label>
							<div class="input-inline">
								<input type="text" id="L_email" name="email" required lay-verify="email" autocomplete="off" value="{{user.email}}" class="input">
							</div>
							<div class="layui-form-mid layui-word-aux">
								如果您在邮箱已激活的情况下，变更了邮箱，需<a href="activate.html" style="font-size: 12px; color: #4f99cf;">重新验证邮箱</a>。
							</div>
						</div>
						<div class="box">
							<label for="L_username" class="input-label">昵称</label>
							<div class="input-inline">
								<input type="text" id="L_username" name="username" required  autocomplete="off" value="{{user.username}}" class="input">
							</div>
							<div class="layui-inline">
								<div class="input-inline">
									<input type="radio" name="sex" value="0" checked title="男">
									<input type="radio" name="sex" value="1" title="女">
								</div>
							</div>
						</div>
						<div class="box">
							<label for="L_city" class="input-label">城市</label>
							<div class="input-inline">
								<input type="text" id="L_city" name="city" autocomplete="off" value="{{user.city}}" class="input">
							</div>
						</div>
						<div class="layui-form-item layui-form-text">
							<label for="L_sign" class="input-label">签名</label>
							
								<textarea placeholder="随便写些什么刷下存在感" id="L_sign"  name="sign" autocomplete="off" class="textarea" style="height: 80px;">{{user.sign||''}}</textarea>
							</div>
						</div>
						<div class="box">
							<button class="layui-btn" key="set-mine" lay-filter="*" lay-submit>
								确认修改
							</button>
						</div>
				</div>

				<div class="layui-form layui-form-pane mine-view">
					<div class="box">
						<div class="avatar-add">
							<p>
								建议尺寸168*168，支持jpg、png、gif，最大不能超过30KB
							</p>
							<div class="upload-img">
								<input type="file" name="file" id="LAY-file" lay-title="上传头像">
							</div>
							<img src="http://tp4.sinaimg.cn/1345566427/180/5730976522/0">
							<span class="loading"></span>
						</div>
					</div>
				</div>

				<div class="layui-form layui-form-pane mine-view">
					<form action="/user/repass" method="post">
						<div class="box">
							<label for="L_nowpass" class="input-label">当前密码</label>
							<div class="input-inline">
								<input type="password" id="L_nowpass" name="nowpass" required  autocomplete="off" class="input">
							</div>
						</div>
						<div class="box">
							<label for="L_pass" class="input-label">新密码</label>
							<div class="input-inline">
								<input type="password" id="L_pass" name="pass" required  autocomplete="off" class="input">
							</div>
							<div class="layui-form-mid layui-word-aux">
								6到16个字符
							</div>
						</div>
						<div class="box">
							<label for="L_repass" class="input-label">确认密码</label>
							<div class="input-inline">
								<input type="password" id="L_repass" name="repass" required  autocomplete="off" class="input">
							</div>
						</div>
						<div class="box">
							<button class="layui-btn" key="set-mine" lay-filter="*" lay-submit>
								确认修改
							</button>
						</div>
					</form>
				</div>

				<div class="layui-form layui-form-pane mine-view">
					<ul class="app-bind">
						<li class="fly-msg  {{user.qq_id ? 'app-havebind' :''}}">
							<i class="iconfont icon-qq"></i>
							<span>已成功绑定，您可以使用QQ帐号直接登录Fly社区，当然，您也可以</span>
							<a href="javascript:;" class="acc-unbind" type="qq_id">解除绑定</a>

							<!-- <a href="" onclick="layer.msg('正在绑定微博QQ', {icon:16, shade: 0.1, time:0})" class="acc-bind" type="qq_id">立即绑定</a>
							<span>，即可使用QQ帐号登录Fly社区</span> -->
						</li>
						<li class="fly-msg {{user.weibo_id ? 'app-havebind' :''}}">
							<i class="iconfont icon-weibo"></i>
							<!-- <span>已成功绑定，您可以使用微博直接登录Fly社区，当然，您也可以</span>
							<a href="javascript:;" class="acc-unbind" type="weibo_id">解除绑定</a> -->

							<a href="" class="acc-weibo" type="weibo_id"  onclick="layer.msg('正在绑定微博', {icon:16, shade: 0.1, time:0})" >立即绑定</a>
							<span>，即可使用微博帐号登录Fly社区</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		</div>

		<div class="footer">
			<p>
				<a href="http://fly.layui.com/">Fly社区</a> 2016 &copy; <a href="http://www.layui.com/">layui.com</a>
			</p>
			<p>
				<a href="http://fly.layui.com/auth/get" target="_blank">产品授权</a>
				<a href="http://fly.layui.com/jie/3147.html" target="_blank">VIP说明</a>
				<a href="http://www.layui.com/" target="_blank">商务合作</a>
				<a href="http://weibo.com/SentsinXu" target="_blank" rel="nofollow">微博</a>
				<a href="http://fly.layui.com/jie/2461.html" target="_blank">微信公众号</a>
			</p>
		</div>
		<script src="public/res/layui/layui.js"></script>
		<script>
			layui.cache.page = 'user';
			layui.cache.user = {
				username : '游客',
				uid : -1,
				avatar : '../../res/images/avatar/00.jpg',
				experience : 83,
				sex : '男'
			};
			layui.config({
				version : "1.0.0",
				base : 'public/res/mods/'
			}).extend({
				fly : 'index'
			}).use('fly');
		</script>

	</body>
</html>